* {
	margin: 0;
	padding: 0;
}

html,
body {
	width: 100%;
	height: 100%;
}

body {
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: linear-gradient(to top right, #4954c6, #c751c1);
	background-size: 100%;
	background-repeat: no-repeat;
}

.main {
	height: 80%;
	width: 60%;
	background-color: white;
	border-radius: 1.25rem;
	display: flex;
}

.main .main_left {
	height: 100%;
	width: 50%;
	border-radius: 1.25rem 0 0 1.25rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.main .main_left img{
	width: 100%;
	height: 55%;
}

.main .main_right {
	height: 100%;
	width: 50%;
	border-radius: 0 1.25rem 1.25rem 0;
	display: flex;
	align-items: center;
}

#app {
	width: 80%;
	height: 60%;
}

#app .app_top {
	width: 100%;
	height: 25%;
	color: black;
	text-align: center;
	font-size: 1.5625rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

#app .app_top div{
	width: 50%;
	height: 40%;
}

#app .app_center {
	width: 100%;
	height: 45%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

#app .app_center .app_center_wrap{
	width: 85%;
	height: 40%;
	background-color: #e6e6e6;
	margin-top: 0.625rem;
	border-radius: 6.25rem;
	display: flex;
	flex-direction: row;
}

.left {
	width: 22%;
	height: 100%;
	border-radius: 6.25rem 0 0 6.25rem;
}

.left img{
	height: 50%;
	width: 46%;
	position: relative;
	top: 0.875rem;
	left: 35%;
}

.right {
	width: 78%;
	height: 100%;
	border-radius: 0 6.25rem 6.25rem 0;
	display: flex;
	align-items: center;
}

.right input{
	height: 100%;
	width: 95%;
	border: 0;
	background-color: #e6e6e6;
	border-radius: 0 6.25rem 6.25rem 0;
	font-size: 18px;
	outline: none;
	position: relative;
	left: 5%;
}


#app .app_bottom {
	width: 100%;
	height: 30%;
}

.register_btn {
	width: 100%;
	height: 70%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.reset_btn {
	width: 100%;
	height: 30%;
	display: flex;
	justify-content: center;
}

.reset_btn a{
	color: #77838e;
	margin: 0.625rem;
}

.success_btn{
	width: 100%;
	height: 100%;
	font-weight: bold;
	font-size: 1.0625rem;
}

.register_btn_slave {
	width: 85%;
	height: 70%;
	border-radius: 1.25rem;
}

.sign {
	position: absolute;
	top: 10px;
	left: 90px;
	color: white;
	font-weight: bold;
	font-size: 1.25rem;
	display: flex;
	align-items: center;
}
.sign a{
	text-decoration: none;
	color: rgba(255, 255, 255, 0.8);
}
.sign img {
	width: 50px;
	height: 50px;
}
.sign_2 {
	position: absolute;
	top: 30px;
	right: 80px;
	color: #dddddd;
	font-weight: bold;
	font-size: 12px;
	display: flex;
	align-items: center;
}
.sign_2 img {
	width: 15px;
	height: 15px;
}